/**

    mixins 工具类函数 ，其命名以 mixin 开头


*/

/*****************************************
    text 文本相关 mixin工具
******************************************/
// 常用文字样式
@mixin mixin-text {
  color: $base--color-text;
  font-size: $base--font-size;
}
// 主要文字 样式
@mixin mixin-text--main {
  color: $base--color-text-main;
  font-size: $base--font-size-large;
  font-weight: 800;
}

// 正常文字 样式
@mixin mixin-text--normal {
  color: $base--color-text;
  font-size: $base--font-size;
}

// 次要文字 样式
@mixin mixin-text--minor {
  color: $base--color-text-minor;
  font-size: $base--font-size-sm;
  font-weight: 500;
}

/*****************************************
    btn 按钮button相关 mixin工具
******************************************/
// a标签类型的 按钮通用
@mixin mixin-btn--a {
  color: $base--color-text-main;
  cursor: pointer;
  &:hover {
    color: $base--color-text-hover;
  }
  &:focus,
  &:active {
    color: $base--color-text-active;
  }
}

@mixin mixin-flex {
  position: relative;
  -webkit-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/*****************************************
    boxShadow 相关 mixin工具
******************************************/

//box-shadow 阴影效果设置 默认为 theme中的$base--box-shadow
@mixin mixin-boxShadow($value: $base--box-shadow) {
  -moz-box-shadow: $value;
  /* For Firefox3.6+ */
  -webkit-box-shadow: $value;
  /* For Chrome5+, Safari5+ */
  box-shadow: $value;
  /* For Latest Opera */
}

@mixin mixin-icon($fontSize: $base--font-size) {
  font-size: $fontSize;
  // color: $base--color-text;
}
